<?php include THEMES_PATH.'public/before_body2.phtml';?>
<style>
.section .width, .section.width {width:850px;}
.section .title {font-size:45px;}
.section2 {background-color:#f4f4f4;}
.section1 .bg-bar {position:absolute;bottom:0;left:0;width:100%;background-color:rgba(212,74,62,.6);font-size:20px;color:#fff;}
.section1 .chevron-down{display:block;width:30px;height:16px;margin-top:10px;background:url() no-repeat;cursor:pointer;}
.section2 .pull-left, .section2 .pull-right, .section2 .text-area {width:33%;}
.section2 .text-area {padding:0 70px;}
.section2 .text-area em {font:600 130px/1.8 Arial;color:#ccc;}
.section2 p {margin-bottom:20px;text-align:left;}
.section2 .btn {width:320px;height:50px;font-size:18px;line-height:50px;}
.section3 p {font-size:14px;}
.section4 {background:url();}
.section4 .prize {padding:10px;border-top:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a;}
.section4 .prize span {display:inline-block;width:29%;}
.section4 .prize .center {width:40%;}
.section4 .prize em {margin-right:10px;font-style:normal;}
.section5 .width {width:950px;}
.section5 .img-area, .section5 .text-area {display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.section5 .text-area p {margin-bottom:8px;}

@media screen and (max-width: 1366px) {
  .section2 .text-area {padding-top:2em;}
  .section2 .text-area em {display:none;}
  .section2 .btn {max-width:500px;width:100%;}
}

@media screen and (max-width: 1200px) {
  .section1 .bg-bar {padding:1em 0;}
  .section2 {text-align:center;}
  .section2 .pull-left, .section2 .pull-right {width:50%;}
  .section2 .text-area {display:block;overflow:hidden;width:100%;padding:2em 20px;}
}

@media screen and (max-width: 950px) {
  .section5 .width {width:96%;padding-right:2%;padding-left:2%;text-align:center;}
  .section5 .img-area {margin-bottom:2em;}
}

@media screen and (max-width: 850px) {
  .section {text-align:center;}
  .section .width, .section.width {width:96%;padding-right:2%;padding-left:2%;}
  .section1 .bg-bar {padding:10px 0;}
  .section2 .btn {margin-bottom:30px;padding:0;}
  .section3 {text-align:left;}
  .section4 .prize {padding-bottom:0;}
  .section4 .prize span {display:block;width:270px !important;margin:0 auto 10px;text-align:left !important;}
}
@media screen and (max-width: 750px) {
  .section .title {font-size:30px;}
  .section1 .bg-bar {position:static;background-color:#d44a3e;font-size:18px;}
}
@media screen and (max-width: 640px) {
  .section .title {font-size:28px;color:#4a4a4a;}
  .text-area {font-size:26px;color:#777;}
  .section2 .btn {height:70px;font-size:28px;line-height:70px;}
  .section3 {margin-bottom:0;}
  .section3 p {font-size:24px;color:#4a4a4a;}
  .section4 {padding:0;}
  .section4 .title, .section4 .prize {display:none;}
  .section5 .text-area {font-size:24px;color:#777;}
  .section5 .text-area p {text-align:left;}
}
@media screen and (max-width: 568px) {
  .section .title {font-size:22px;}
  .section .text-area, .section1 .bg-bar, .section3 p, .section1 .bg-bar {font-size:16px;}
  .section2 .btn {width:250px;height:50px;font-size:20px;line-height:50px;}
}
</style>
</head>
<body>
<?php include THEMES_PATH.'public/header2.phtml';?>
<div class="rel black section section1 js-section">
  <img src="/web/Tpl/default/special/start-business/img/banner.jpg" alt="ownonly新店开业" class="hi-xs auto vm">
  <img src="/web/Tpl/default/special/start-business/img/banner-s.jpg" alt="ownonly新店开业" class="vi-xs auto vm">
  <div class="pt3x pb3x align-center bg-bar">
    <p>往下拉<br>到店有惊喜</p>
    <span class="auto chevron-down js-down"></span>
  </div>
</div>
<div class="clearfix black section section2">
  <div class="pull-left">
    <img src="/web/Tpl/default/special/start-business/img/banner2.jpg" class="vm">
  </div>
  <div class="pull-right">
    <img src="/web/Tpl/default/special/start-business/img/banner3.jpg" class="vm">
  </div>
  <div class="dib align-center text-area">
    <em>“</em>
    <p>OWNONLY男装定制品牌,上线3周年来,在美国、西班牙等多个国家取得高速发展,教工路店是品牌第一家线下体验馆。</p>
    <p>ownonly相信每一个缝合的角度，都隐含着您肢体的细节。</p>
    <p>每件只有一个主人，其独有性是价值之一，融合您独特的气质，散发您专属的魅力！个性的气质，由定制而来！！男装定制首选ownonly。</p>
    <a href="<?php echo url('');?>schedule/<?php echo base64_encode(serialize($_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']))?>" class="mt1x btn">预约量体</a>
  </div>
</div>
<div class="auto mb5x pt5x pb5x black section section3 width">
  <strong class="db mb1x align-center normal title">活动内容</strong>
  <p>一:   到店体验量体即享小礼品，三选一（电影公仔/秘密花园/美容体验卷）</p>
  <p class="mt2x mb2x">二:   实付现金满999元，赠送价值299元男士衬衫一件（邀约客人免费赠送）, 加199元升级原价599元以内高级定制衬衫, 加299元升级原价1080元以内进口面料定制衬衫一件；同时免费参加抽奖一次，抽奖次数可累计（微信抽奖）</p>
  <p>三:   实付满3888元，赠送888元现金储值，再次消费即可冲抵现金使用</p>
</div>
<div class="pt5x pb5x black section section4">
  <div class="auto align-center width">
    <strong class="db mb1x align-center normal title">疯狂抽大奖</strong>
    <p class="prize">
      <span class="align-left">
        <em class="red">一等奖:</em>女士全年美容金卡一张
      </span>
      <span class="align-right center">
        <em class="red">二等奖:</em>全年洗车券/全年洗衣券一张
      </span>
      <span class="align-right">
        <em class="red">三等奖:</em>自助餐券2人份
      </span>
    </p>
    <img src="/web/Tpl/default/special/start-business/img/clip.png">
    <img src="/web/Tpl/default/special/start-business/img/prize.png" class="db mt2x">
  </div>
</div>
<div class="pt5x pb5x black section section5">
  <strong class="db mb1x align-center normal title">充值优惠</strong>
  <div class="clearfix auto width">
    <div class="mr2x img-area">
      <img src="/web/Tpl/default/special/start-business/img/custom.jpg">
    </div>
    <div class="text-area">
      <span class="db mb2x font-md">开业期间充值优惠</span>
      <p>一次性充值5000元,即可享受1200元现金储值奖励</p>
      <p>一次性充值10000元,即可享受3000元现金储值奖励</p>
      <p>一次性充值20000元,即可享受8000元现金储值奖励</p>
    </div>
  </div>
</div>
<script>
$(function () {
  $('.js-section').on('click', '.js-down', function () {
    var scrollTop = $(this).closest('.js-section').next().offset().top;
    $('html, body').animate({'scrollTop': scrollTop}, 400);
  });
});
</script>
<?php include THEMES_PATH.'public/footer2.phtml';?>
<?php include THEMES_PATH.'public/after_body.phtml';?>